<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery+CSS3跳动数字时间动画 - 站长素材</title>

<link rel='stylesheet prefetch'  href="../dist/css/csshake.min.css">
<script src="../dist/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="../dist/js/clock.js" type="text/javascript"></script>
<style type="text/css">
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#d96457;}
/* clock */
.clock{width:360px;height:120px;margin:140px auto 0 auto;transform:translate(-50%, -50%);color:#d96457;font-family:"Lato", sans-serif;}
.clock div{position:relative;float:left;background:#ffe8e8;border-radius:6px;width:96px;height:80px;line-height:80px;text-align:center;font-size:60px;margin:0px 5px;}
</style>

</head>

<body>

<div class='clock'>
  <div class='h shake shake-slow'></div>
  <div class='m shake shake-slow'></div>
  <div class='s shake shake-slow'></div>
</div>


</body>
</html>